<!---总览页面真实内容-->
<template>
  <div class="ele-body">
    <a-tabs default-active-key="1" @change="callbackActivityTab">
      <a-tab-pane key="1" tab="数据监控">
        <device-luoxun-threephase-monitor :data="data" />
      </a-tab-pane>

      <a-tab-pane key="2" tab="实时数据">
        <device-luoxun-threephase-data :data="data" />
      </a-tab-pane>

      <a-tab-pane key="3" tab="用电量">
        <device-luoxun-threephase-date :data="data" />
      </a-tab-pane>

      <a-tab-pane key="4" tab="告警数据">
        <device-luoxun-threephase-warn-data :data="data" />
      </a-tab-pane>

      <a-tab-pane key="5" tab="配置">
        <device-luoxun-threephase-config-other :data="data" />
      </a-tab-pane>

      <a-tab-pane key="6" tab="推送情况">
        <device-luoxun-threephase-config-queue :data="data" />
      </a-tab-pane>

      <a-tab-pane key="7" tab="关联设备">
        <device-luoxun-threehase-link-device :data="data" />
      </a-tab-pane>

    </a-tabs>
  </div>
</template>

<script>
import DeviceLuoxunThreephaseData from './luoxunthreephase-data.vue';
import DeviceLuoxunThreephaseWarnData from './luoxunthreephase-warn-data.vue'
import DeviceLuoxunThreephaseMonitor from "./luoxunthreephase-monitor.vue";
import DeviceLuoxunThreephaseConfigQueue from './luoxunthreephase-config-queue.vue';
import DeviceLuoxunThreephaseConfigOther from './luoxunthreephase-config-other.vue';
import DeviceLuoxunThreephaseDate from './luoxunthreephase-date.vue'
import DeviceLuoxunThreehaseLinkDevice from './luoxunthreephase-link-device.vue'
export default {
  name: 'DeviceLuoxunThreephase',
  components: {
    DeviceLuoxunThreephaseWarnData,
    DeviceLuoxunThreephaseMonitor,
    DeviceLuoxunThreephaseData,
    DeviceLuoxunThreephaseConfigQueue,
    DeviceLuoxunThreephaseConfigOther,
    DeviceLuoxunThreephaseDate,
    DeviceLuoxunThreehaseLinkDevice
  },
  props: {
    data: Object
  },
  data() {
    return {


    };
  },
  methods: {
    callbackActivityTab (index) {
      console.log(index)
    },
  }
};
</script>
